<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>拉拉货物流有限公司</title>
		<meta name="keywords" content="拉拉货物流有限公司,汕头物流配送,汕头物流,汕头物流货运,汕头货运,全国货运,厦门物流配送,深圳物流配送,广州物流配送,物流配送,物流货运,货运配送" />
	    <meta name="description" content="拉拉货物流有限公司是一家承接全国各地门到门配送业务的专业第三方物流，为企业量身定做仓储、配送物流方案，针对大小客户配备专业项目小组进行专人专车对接。" />
	    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	    <link rel="stylesheet" href="css/amazeui.min.css" type="text/css" />
	    <link rel="stylesheet" href="css/style.css" type="text/css" />
	    <script type="text/javascript" src="js/jquery.min.js" ></script>
	    <script type="text/javascript" src="js/amazeui.min.js" ></script>
		<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
		<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
	</head>
	<body>
		<header data-am-widget="header" class="am-header am-header-default header-green1">
	      <div class="am-header-left am-header-nav ">
		        <a href="javascript:history.back()" style="color: #fff;"><i class="am-icon-chevron-left"></i></a>
	        </div>
		  <h1 class="am-header-title" style="color: #fff;">附近车源</h1>

       </header>
       <div class="jl"></div>
       <ul class="find" id="carSource">
       	  <li v-for="car in cars">
       	  	<!-- <a href="huo-detail.html"> -->
	       	  	<img class="tx" src="images/tx.png"/>
	       	  	<div class="find-left">
	       	  		<p class="name">司机姓名：<font size="5px" color="">{{car.name}}</font> </p>
	       	  		<p class="style" style="font: 2px;">荷载： <em> <font size="3px" color="">{{car.loadable}} 吨</font> </em></p>
	       	  		<p class="style">车长： <em >{{car.length}} 米</em></p>
					<p class="style">车宽： <em>{{car.width}} 米</em></p>
					<p class="style">车高： <em>{{car.height}} 米</em></p>
					<p class="style">车型： <em v-text="getType(car.id_car_type)"></em></p>
	       	  	</div>
	       	  	<div class="find-right">
	       	  		<!-- <p><span class="city">青岛 — 滨州</span><i class="time">上午9:30</i></p> -->
	       	  		<a href="tel://10086" class="tele"><i class="iconfont">&#xe610;</i></a>
	       	  		<!-- <a href="javascript:;" class="tele" style="margin-right: 10px; background: #df6802;">接单</a> -->
	       	  	</div>
       	  	</a>
       	  </li>
       </ul>
      
	   <div class="jl"></div>
		 <div data-am-widget="navbar" class="am-navbar  dream-foot am-no-layout" id="">
		      <ul class="am-navbar-nav1 am-cf am-avg-sm-5">   
		          <li>
		            <a href="index2.html" class="">
		                <span class="iconfont">&#xe60b;</span>
		                <p class="am-navbar-label">首页</p>
		            </a>
		          </li>
		          <li>
		            <a href="nearby.html" class="">
		                <span class="iconfont">&#xe60c;</span>
		                <p class="am-navbar-label">附近</p>
		            </a>
		          </li>
		       <li>
		            <a href="find.html" class="curr">
		                <span class="add"><i class="iconfont" style="font-size: 30px; line-height: 40px;">&#xe60e;</i></span>
		                <p class="am-navbar-label" style="margin-top: -36px;">找货</p>
		            </a>
		          </li>
		          <li>
		            <a href="message.html" class="">
		                <span class="iconfont">&#xe60d;</span>
		                <p class="am-navbar-label">货源消息</p>
		            </a>
		          </li>
		          <li>
		            <a href="member.html" class="">
		                <span class="iconfont">&#xe609;</span>
		                <p class="am-navbar-label">个人中心</p>
		            </a>
		          </li>
		      </ul>
		</div>
		
	</body>
	<script type="text/javascript">
		var url=JSON.parse(sessionStorage.getItem("url"))
		
		
		var cars=new Vue({
			el:'#carSource',
			data:{
				cars:[]
				
				
			},
			mounted:function(){
				this.load();
				
			},
			methods:{
				getType:function(type){
					if(type==1){
						return "中卡车"
					}
					
					
					
				},
				load:function(){
					var that=this
				  axios.get(url+'/driverAll').then(
				  function(r){
					  
					  that.cars=r.data.data
					  
				  },function(error){
					  
				  }
				  
				  )
					
					
				}
				
				
			}
			
			
			
		})
		
		
	</script>
</html>
